$('#app').css('color', 'red');
{
    /**
     * 1. 获取变量或者对象属性的类型
     * 2. 内置构造器类型
     * */
    // 1. 获取类型
    var num = 200;
    var num1 = void 0;
    num1 = 19;
    // num1 = 'asda';  // X  会报错
    // 2. 获取对应的键
    // interface person1 {
    //     name: string,
    //     age: numType
    // }
    // let obj12: person1 = {
    //     name: '迪丽热巴',
    //     age: 20
    // }
    // // keyof 就是会自动在指定的接口中进行枚举
    // // 参数1：目标对象
    // // 参数2：是被 keyof 声明过的接口
    // function getData(o: person1, k: keyof person1 ): any {
    //     return o[k];
    // }
    // const result: any = getData(obj12, 'name')
    // console.log(result);
    // 4. 内置类型，用的很少
    // 使用传统的构造函数添加批注
    var str = 'hello';
    var str1 = new String('abc');
    var count = 100;
    var bool = false;
    var reg = /123/;
    var time = new Date();
    // BOM 和 DOM 的内置类型
    var box = document.querySelector('#app');
    // 断言
    // (box as HTMLElement).style.color = 'red';
    // 只是声明
    var box1 = document.querySelector('#app');
    var listLI = document.querySelectorAll('li');
}
